$(function(){

    var qq=$('#right_nav ul .qq')
    var wx=$('#right_nav .wx')
    var zhi=$('#right_nav .zhi')
    
    var pic1=$('#code .QQFooter')
    var pic2=$('#code .wxFooter')
    var pic3=$('#code .zhiFooter')

    $.each(qq,function(index,value){
        $(this).mouseover(function(){
            pic1.eq(index).css('display','block')
        })
    })

    $.each(qq,function(index,value){
        $(this).mouseout(function(){
            pic1.eq(index).css('display','none')
        })
    })



    $.each(wx,function(index,value){
        $(this).mouseover(function(){
            pic2.eq(index).css('display','block')
        })
    })

    $.each(wx,function(index,value){
        $(this).mouseout(function(){
            pic2.eq(index).css('display','none')
        })
    })




    $.each(zhi,function(index,value){
        $(this).mouseover(function(){
            pic3.eq(index).css('display','block')
        })
    })

    $.each(zhi,function(index,value){
        $(this).mouseout(function(){
            pic3.eq(index).css('display','none')
        })
    })





    var products=$('#header .navbar .products')

    var list=$('#list .subnav-products')
    // var list1=$('#list .subnav-products .productBox')

    $.each(products,function(index,value){
        $(this).mouseover(function(){
            list.eq(index).css('display','block')
        })
    })

    $.each(list,function(index,value){
        $(this).mouseleave(function(){
            list.eq(index).css('display','none')
        })
    })






})


